<template>
  <div class="box">
    <router-link :to="route.path" v-for="route in routes" :key="route.path">{{ route.path }}</router-link>
  </div>
</template>

<script >
export default {
  name: 'IndexTest',
  data() {
    return {};
  },
  computed:{
    routes() {
      return this.$router.options.routes
    }
  },
};
</script>

<style  scoped>
.box {
  display: flex;
  width: 100%;

  a {
    padding: 10px;

    &:hover {
      background-color: #d1d1d3;
    }
  }

}
</style>
